<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
	<TITLE>eSurvey - Bienvenido a eSurvey!</TITLE>
	<LINK href="styles/general.css" type="text/css" rel="stylesheet">
	<SCRIPT type="text/javascript">
		/**
		 * ESPECIFICACIÓN: Función que comprueba que todos los campos del formulario de login de visitantes
		 * hayan sido rellenados correctamente
		 **/
		function checkForm() {
			var visitorNIF = document.getElementById("visitorNIF");
			var visitorName = document.getElementById("visitorName");
			var divWarning = document.getElementById("warning");
			var error = false;

			if (visitorNIF.value.length == 0) {
				divWarning.setAttribute("style", "display: inline");
				divWarning.innerHTML = "'DNI' es un campo requerido";
				visitorNIF.focus();
				return false;
			} else if (visitorName.value.length == 0) {
				divWarning.setAttribute("style", "display: inline");
				divWarning.innerHTML = "'Nombre' es un campo requerido";
				visitorName.focus();
				return false;
			} else {
				return true;
			}
		}
	</SCRIPT>
	<STYLE>
		div#loginCert {
			margin-left: 25px;
		}

		label.first {
			margin-top: 10px;
		}

		div#warning {
			margin-left: -15px;
		}

		li.warning {
			margin-top: 10px;
		}
	</STYLE>
<HEAD>
</HEAD>
<BODY>
	<DIV id="loginCert">
		<FORM method="POST" onsubmit="return checkForm()" action="getVisitorSession.jsp">
			<UL>
				<LI class="warning">
					<DIV id="warning">
					</DIV>
				</LI>
				<LI>
					<LABEL id="lblVisitorNIF" class="required first" for="visitorNIF">
						DNI:
					</LABEL>
					<INPUT id="visitorNIF" name="visitorNIF" type="text" class="textfield" tabindex="1">
				</LI>
				<LI>
					<LABEL id="lblVisitorName" class="required" for="visitorName">
						Nombre:
					</LABEL>
					<INPUT id="visitorName" name="visitorName" type="test" class="textfield" tabindex="2">
				</LI>
				<LI>
					<INPUT type="submit" class="button" tabindex="3" value="Entrar">
				</LI>
			</UL>
		</FORM>
	</DIV>
</BODY>
</HTML>
